url = '/account/wishlist.html'
description = '愿望清单'
layout = 'default'

[session]
security = "user"
redirect = "account/login"
==
{% set wishlists = catalog.getWishlists %}
{% put page_title %}マイウィッシュリスト - {% default %}{% endput %}

<div class="wishlist_content">
		<!-- breadcrumbs -->
		<div class="breadcrumbs">
			<div class="container">
				<ul>
					<li class="fl" ><a href="/">KOKOMI</a></li>
					<li class="fl" >お気に入りアイテム一覧</li>
				</ul>
			</div>
		</div>
		<!-- breadcrumbs end -->
		<div class="wishlistCont">
			<div class="container">
				<h2 class="pageHead1">お気に入りアイテム一覧</h2>
				<div class="ov dashboardBox">
					<div class="fl d_sidemenus">
						{% partial 'account/left-bar' %}
					</div>
					<div class="fr d_main">
						<div class="main-ttl">お気に入りアイテム一覧</div>
						<!-- empty -->
						{% if count(wishlists) == 0 %}
						<div class="empty">
							<div class="elements">
								<dl class="no-result">
									<dt>お気に入りアイテムは登録されていません。</dt>
									<dd>お気に入りアイテムを登録して、いつでも簡単に一覧でチェックできます。
										<br clear="none">
										<a href="" shape="rect">お気に入りアイテムの登録方法はこちら</a>
									</dd>
								</dl>
							</div>
							<div class="btn-changed">
								<a href="/" shape="rect" class="fl blueBtn2" style="width: 360px;">
									＞ トップページ
								</a>
								<a href="/account/dashboard.html" shape="rect" class="fr blueBtn2" style="width: 360px;">
									＞ マイページトップ
								</a>
							</div>
						</div>
						{% else %}
						<!-- empty end -->
						<form method="post" action="" id="wishlist-view-form">
							<fieldset>
								<table id="wishlist-table" class="clean-table linearize-table data-table">
									{% if count(wishlists) > 0 %}
									<thead>
									<tr class="first last">
										<th class="customer-wishlist-item-image" style="border-right:1px solid #eaeaea;">商品名</th>
										<th class="customer-wishlist-item-info" style="border-right:1px solid #eaeaea;"></th>
										<th class="customer-wishlist-item-price" style="border-right:1px solid #eaeaea;">価格</th>
										<th class="customer-wishlist-item-quantity" style="width:80px;border-right:1px solid #eaeaea;">在庫情報</th>
										<th class="customer-wishlist-item-remove"></th>
									</tr>
									</thead>
									<tbody>
									{% for wish in wishlists %}
									<tr id="item_31" class="first odd">
										<td class="wishlist-cell0 customer-wishlist-item-image" style="border-right:1px solid #eaeaea;">
											<a title="{{ wish.product.name }}" href="{{ wish.product.url }}" class="product-image">
												<img width="100" alt="{{ wish.product.name }}" src="{{ wish.product.getMainThumb(100) }}">
											</a>
										</td>
										<td class="wishlist-cell1 customer-wishlist-item-info" style="border-right:1px solid #eaeaea;">
											<h3 class="product-name">
												<a title="{{ wish.product.name }}" href="{{ wish.product.url }}">{{ wish.product.name }}</a>
											</h3>
										</td>
										<td data-rwd-label="Price" class="wishlist-cell3 customer-wishlist-item-price" style="border-right:1px solid #eaeaea;">
											<div class="cart-cell">
												<div class="price-box">
                            <span id="product-price-39" class="regular-price">
                              <span class="price">{{ wish.product.price|formatPrice }}</span>
                            </span>
												</div>
											</div>
										</td>
										<td data-rwd-label="Quantity" class="wishlist-cell2 customer-wishlist-item-quantity" style="border-right:1px solid #eaeaea;">
											<div class="cart-cell">
												<div class="description std">
													<div class="inner">{{ trans("jason.ccshop::lang.product.status." ~ wish.product.status) }}.</div>
												</div>
											</div>
										</td>
										<td class="wishlist-cell5 customer-wishlist-item-remove last">
											<a style="text-decoration: none;" class="btn btn-default btn-md ct-js-buttonX"
											   data-request="onDeleteWish"
											   data-request-confirm="削除を確認しますか？"
											   data-request-data="wish_id: {{ wish.id }}" href="#"
											   data-request-success="afterDeleteWish(this, data)">
												X
											</a>
										</td>
									</tr>
									{% endfor %}
									{% else %}
									<div style="padding:10px;">お気に入りリストには商品がまだありません。</div>
									{% endif %}
									</tbody>
								</table>
								{% if count(wishlists) > 20 %}
								<p class="ct-u-marginBoth30">{{ wishlists.render|raw }}</p>
								{% endif %}
							</fieldset>
						</form>
						<!--<div class="btn-changed onBigBtn">-->
							<!--<a href="" shape="rect" >-->
								<!--<img alt="マイページトップ" src="{{ 'assets/img/btn-to-membertop-small.jpg'|theme }}">-->
							<!--</a>-->
						<!--</div>-->
						{% endif %}
					</div>
				</div>
			</div>
		</div>
	</div>


